<html><head><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>new game engine</title>
<script type="text/javascript">var pageLoaded =0;</script>
<link rel="stylesheet" href="scripts/css_fonts/stylesheet.css" type="text/css" charset="utf-8" />
<style>.unselectable { -moz-user-select: none; -webkit-user-select: none; }</style></head>
<body topmargin="0" leftmargin="0" style=" overflow: hidden; color: rgb(0,0,100); background-color: rgb(0,0,0);" color:="" background-color:="" alink="#EE0000" link="#0000EE" vlink="#551A8B">
<!-- regular HTML -------------------------------------------------------------------------------------- -->
<span id="SPloadingMessage" style="color: rgb(102, 102, 204);"><div style="text-align: left;z-index:1000"><font size="+2">  Looking for javascript...<br></font></div></span><!-- the first script will change this message -->
<span id="SPbackground"><div id="background" style="position:absolute;top:0px;left:0px;z-index:999"><img src="images/icons_etc/book/loading_screen.jpg";style="border:0px solid;width="640" height="480"></div></span>
<div id="btop" style="position:absolute;top:0px;left:0px;z-index:981000"><img src="images/icons_etc/book/book_top.gif";style="border:0px solid;width="640" height="11"></div>
<div id="bleft" style="position:absolute;top:0px;left:0px;z-index:981000"><img src="images/icons_etc/book/book_left.jpg";style="border:0px solid;width="6" height="484"></div>
<div id="bfront" style="position:absolute;top:474px;left:0px;z-index:981000"><img src="images/icons_etc/book/book_front.gif";style="border:0px solid;width="640" height="10"></div>
<div id="bright" class="unselectable" unselectable="on" style="position:absolute;top:0px;left:638px;z-index:981000"><img src="images/icons_etc/book/book_right.jpg";style="border:0px solid;width="322" height="481" onmouseover="dMouseText('press Ctrl and + to zoom in')" onmouseout="dMouseText('')" onClick="" onMouseDown="" onMouseUp=""></div>
<div id="bbottom" class="unselectable" unselectable="on" style="position:absolute;top:480px;left:0px;z-index:981000"><img src="images/icons_etc/book/book_bottom.jpg";style="border:0px solid;width="960" height="226" onmouseover="dMouseText('press Ctrl and + to zoom in')" onmouseout="dMouseText('')" onClick="" onMouseDown="" onMouseUp=""></div>
<div id="bookmarkH" style="position:absolute;top:34px;left:654px;z-index:3000010"><img src="images/icons_etc/menus/bookmarkH.gif";style="border:0px solid;width="83" height="89" onmouseover="dMouseText('Help')" onmouseout="dMouseText('')" onClick="clickH()" onMouseDown="clickH()" onMouseUp="clickH()"></div>
<div id="bookmarkX" style="position:absolute;top:352px;left:642px;z-index:3000010"><img src="images/icons_etc/menus/bookmarkX.gif";style="border:0px solid;width="81" height="76" onmouseover="dMouseText('skip')" onmouseout="dMouseText('')" onClick="clickX()" onMouseDown="clickX()" onMouseUp="clickX()"></div>
<!-- SPAN id = "SP" + div id. Span allows innerHTML to easily add and delete text without risking page HTML-->
<span id="SPdebugMessage"></span><!-- the first script will change this message -->
<span id="SPhotspotMap"></span><span id="SPhotspotWindow">
<div id="hotspotWindow" class="unselectable" unselectable="on" style="position: absolute; top: 0px; left: 0px; z-index: 1000000">
<a onClick="clickBackground()"><img src="images/icons_etc/plain/clear.gif" style="border: 0px solid; height=480; width=640;" usemap="#hotspotMap"></a></div></span>
<span id="SPspeechDiv"></span>
<span id="SPtestMessage"></span><!-- used for 'this is a test game' or anything similar -->
<span id="SPmouseOver" class="unselectable" unselectable="on"><div id="mouseOver" style="position: absolute; top:0px; left:0px; vertical-align:top; z-index: 3000100" \></div></span>
<!-- GUI spans ------------------------------------------------------------------------------------------------------ -->
<span id="SPmessagebox" class="unselectable" unselectable="on"></span><!-- contains transparent shadow AND message box on top -->
<span id="SPGUIback" class="unselectable" unselectable="on"></span><!-- buttons and text area, resized as needed -->
<span id="SPGUIcontent"></span><!-- buttons and text area, resized as needed -->
<span id="SPmenu1"></span><span id="SPmenu2"></span><span id="SPmenu3"></span><span id="SPmenu4"></span>
<span id="SPmenu5"></span><span id="SPmenu6"></span><span id="SPmenu7"></span><span id="SPmenu8"></span>
<!-- THIS IS IT ***************************************************************************************************** -->
<script src="scripts/firstSmallScript.js" type="text/javascript">checkJavascript("Downloading javascript...");</script> <!-- tiny script just to check that javascript works -->
<script src="scripts/gameEngine.js" type="text/javascript"></script><!-- minimum needed to get stuff on screen!! -->
<script src="scripts/prepare_objects.js" type="text/javascript"></script><!-- tedious, bulky lists -->
<script type="text/javascript">makeObjects(); runGameEngine(); beginStory(); pageLoaded =1; </script>
<!-- No using 'document.write' after 'pageLoaded'! -->
</body></html> 
